/*
*	用class="successPart"和class="normalPart"两部分的隐藏和显示来控制“输入手机号”还是“提示结果”，
*   成功或失败的消息由submit中的函数控制，此消息应该是ajax返回的。
*
*
*/
var validate =  function(str){
	var phoneRules = /^1[3|4|5|8]\d{9}$/;
	return phoneRules.test(str);
}

var submit = function(str){
	//ajax
		//success:
		var msg = '成功领取红包！';
		$(".normalPart").hide();
		$(".successPart").show();
		$("#successPhoneNumer").html(str);
		$("#result").html(msg)
		//fail:

}

var init = function(){
	var submitBtn = $("#receiveBtn");
	var phoneText = $("#phoneText");

	phoneText.on("keyup",function(e){
		var isValid = validate(phoneText.val());
		if(isValid){
			submitBtn.removeClass("disable").addClass("clickable");
		}else{
			submitBtn.removeClass("clickable").addClass("disable");
		}

		var k = window.event ? e.keyCode : e.which;
	    if (k == 13) {
	    	if(validate(phoneText.val()) && submitBtn.hasClass("clickable")){
				submit(phoneText.val());
			}else{
				phoneText.focus();
			}
	    }
	});

	submitBtn.on("click",function(e){
		e.preventDefault();
		if(validate(phoneText.val()) && submitBtn.hasClass("clickable")){
			submit(phoneText.val());
		}else{
			phoneText.focus();
		}
	})

	$("#ruleLink").on("click",function(){
		$.pgwModal({
		    target: '#modalContent',
		    title: '红包使用规则',
		    // maxWidth: 800
		});
	})
}

$(document).ready(function(){
	init();
});